// breadcrumb-component.js

// 注册 BreadcrumbComponent 组件
Vue.component('breadcrumb-component', {
    template: `
    <div id="breadcrumb">
      <!-- el-breadcrumb组件，使用 arrow-right 作为分隔符 -->
      <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 15px">
        <!-- 通过 props 传入的 items 数组来渲染面包屑项 -->
        <el-breadcrumb-item v-for="(item, index) in items" :key="index">
          {{ item }}
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
  `,
    props: {
        // 接收一个数组作为面包屑项的内容
        items: {
            type: Array,
            required: true
        }
    }
});
